<script lang="ts">
	import BgImage from '$lib/BgImage.svelte';
	import { showCustomerCaseLinksAtHomePage } from '$store/customerCaselinks';
</script>

<ul class="grid grid-cols-6 gap-10">
	{#each $showCustomerCaseLinksAtHomePage as item}
		<li class="h-20">
			<BgImage imgSrc={item.logo} alt={item.title} classes="h-full">
        <div class="flex justify-center items-center h-full italic text-3xl text-[#bbbbbb] " >
          {item.logo === '' ? item.title : ''}
        </div>
			</BgImage>
		</li>
	{/each}
</ul>
